<script setup>
const route = useRoute();
</script>

<template>
  <div>
    <div class="pl-10 pb-10 pr-10">
      <a-breadcrumb>
        <a-breadcrumb-item v-for="(item, index) in route.matched" :key="index">
          <router-link :to="item.path">{{ item.name }}</router-link>
        </a-breadcrumb-item>
      </a-breadcrumb>
    </div>
    <div class="pl-10 pb-10 pr-10">
      <router-view></router-view>
    </div>
  </div>
</template>

<style scoped>
.pl-10 {
  padding-left: 10px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pr-10 {
  padding-right: 10px;
}
</style>